<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Free Steam Website Template | Login :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="web/css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
</head>
<body>
 <div class="header-top">
    <div class="wrap">
        <div class="logo">
            <a href="index.html"><img src="web/images/logo.png" alt=""/></a>
        </div>
        <div class="cssmenu">
          <nav id="nav" role="navigation">
            <a href="#nav" title="Show navigation">Show navigation</a>
            <a href="#" title="Hide navigation">Hide navigation</a>
            <ul class="clearfix">
                <li class="active"><a href="index.html">Home</a></li>
                <li><a href="start.html"><span>Get Started</span></a></li>
                <li><a href="work.html"><span>How it Works</span></a></li>
                <li><a href="pricing.html">Pricing</a></li>
                <li><a href="support.html">Support</a></li>
                <div class="clear"></div>
            </ul>
            </nav>
          </div>
          <div class="buttons">
                <div class="login_btn">
                    <a href="login.html">Login / Signup</a>
                </div>
                <div class="get_btn">
                    <a href="start.html">Get Listed Today</a>
                </div>
                <div class="clear"></div>
           </div>
         <div class="clear"></div>
        <h2 class="head">Find the <span class="m_1">next event </span>You'll want <span class="m_1">to attend</span></h2>
     </div>
    </div>
  <div class="main">
     <div class="wrap">
         <div class="section group">
                <div class="cont span_2_of_blog">
                  <div class="login-title">
                <h4 class="title">User Login</h4>
                <div id="loginbox" class="loginbox">
                    <form action="" method="post" name="login" id="login-form">
                      <fieldset class="input">
                        <p id="register-form-firstname">
                          <label for="modlgn_firstname">Username</label>
                          <input id="modlgn_firstname" type="text" name="firstname" class="inputbox" size="18" autocomplete="off">
                        </p>
                        <p id="register-form-lastname">
                          <label for="modlgn_lastname">Username</label>
                          <input id="modlgn_lastname" type="text" name="lastname" class="inputbox" size="18" autocomplete="off">
                        </p>
                        <p id="register-form-username">
                          <label for="modlgn_username">Username</label>
                          <input id="modlgn_username" type="text" name="username" class="inputbox" size="18" autocomplete="off">
                        </p>
                        <p id="register-form-password">
                          <label for="modlgn_passwd">Password</label>
                          <input id="modlgn_passwd" type="password" name="password" class="inputbox" size="18" autocomplete="off">
                        </p>
                        <p id="register-form-remember">
                          <label for="modlgn_remember" class="checkbox">Remember me</label>
                          <input id="modlgn_remember" type="checkbox" name="remember" class="checkbox" value="yes" autocomplete="off">
                        </p>
                        <input type="submit" name="Submit" class="button" value="Login">
                      </fieldset>
                     </form>
                </div>
            </div>   
            </div>
          <div class="bsidebar span_1_of_blog">
                    <h2 class="head4">Search</h2>
                    <div class="search">
                        <form>
                            <input type="text" value="Search...." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}">
                            <input type="submit" value="">
                        </form>
                    </div>
                    <h2 class="head4">Categories</h2>
                    <ul class="list1">
                        <li><a href="#">consectetuer adipiscing elit</a></li>
                        <li><a href="#">Duis autem vel eum iriure dolo</a></li>
                        <li><a href="#">soluta nobis eleifend option</a></li>
                        <li><a href="#">consectetuer adipiscing elit</a></li>
                        <li><a href="#">Duis autem vel eum iriure dolo</a></li>
                        <li><a href="#">soluta nobis eleifend option</a></li>
                    </ul>   
            <h2 class="head4">Tags</h2>
            <ul class="tags">
                <li><a href="#">Events</a></li>
                <li><a href="#">Gallery</a></li>
                <li><a href="#">Videos</a></li>
                <li><a href="#">Albums</a></li>
                <li><a href="#">Solo Artists</a></li>
                <li><a href="#">Audio Post</a></li>
                <li><a href="#">Musical</a></li>
                <li><a href="#">Live</a></li>
                <li><a href="#">Concert</a></li>
                <li><a href="#">Movie</a></li>
             </ul>
         </div>
       </div>
       <div class="clear"></div>
      </div>
   </div>
   <div class="footer">
      <div class="wrap">
          <div class="footer-menu">
            <ul>
                <li class="active"><a href="index.html">Home</a></li> 
                <li><a href="about.html">About eco</a></li> 
                <li><a href="work.html">How it works</a></li> 
                <li><a href="industries.html">Industries</a></li> 
                <li><a href="features.html">Features</a></li>
                <li><a href="pricing.html">Pricing</a></li>
                <li><a href="faq.html">Faq's</a></li>
                <li><a href="features.html">Privacy policy</a></li>
                <li><a href="blog.html">Blog</a></li>
                <li><a href="work.html">Terms of service</a></li>
                <div class="clear"></div>
            </ul>
          </div>
          <div class="footer-bottom">
            <div class="copy">
               <p>© 2014 Template by <a href="http://w3layouts.com" target="_blank"> w3layouts</a></p>
            </div>
            <div class="social">    
               <ul> 
                  <li class="facebook"><a href="#"><span> </span></a></li>
                  <li class="twitter"><a href="#"><span> </span></a></li>
                  <li class="linked"><a href="#"><span> </span></a></li>    
                  <li class="arrow"><a href="#"><span> </span></a></li> 
                  <li class="dot"><a href="#"><span> </span></a></li>
                  <li class="rss"><a href="#"><span> </span></a></li>       
               </ul>
            </div>
            <div class="clear"></div>
          </div>
       </div>
   </div>
</body>
</html>
